<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/lg.xhtml">
	<ui:define name="title">
		<h:outputText value="Cambiar Clave" />
	</ui:define>
	<ui:define name="body">
		
		<div class="container">
			<div class="iso"></div>
			<h:form styleClass="loginForm">
				<p:panel id="password">
					<p:messages id="messages" autoUpdate="true" />
					<p:fieldset>
						<div class="fieldsetTitle">
							<h3>Cambiar Contraseña</h3>
						</div>
						<div class="form-group">
							<div class="inner">
								<p>Por su seguridad, solicitamos actualice la información de
									su contraseña en su primer inicio de sesión.</p>
							</div>
						</div>
						<div class="form-group">
							<div class="inner">
								<p:outputLabel for="contraseña1">
									<span class="glyphicon glyphicon-lock"></span>
								</p:outputLabel>
								<p:password id="contraseña1" styleClass="form-control" value="#{claveService.contraseña1}"  required="true"  requiredMessage="Contraseña Nueva: Campo Obligatorio."
									placeholder="Contraseña nueva"  label="Nuevo Password" validatorMessage="La Contraseña debe tener de 6 a 20 caracteres.">
									<f:validateLength minimum="6" maximum="20"  />
								</p:password>
							</div>
						</div>
						<div class="form-group">
							<div class="inner">
								<p:outputLabel for="contraseña2">
									<span class="glyphicon glyphicon-lock"></span>
								</p:outputLabel>
								<p:password id="contraseña2" styleClass="form-control"  required="true"  value="#{claveService.contraseña2}"
									placeholder="Repetir contraseña nueva" label="Confirmar Password" requiredMessage="Repetir Contraseña Nueva: Campo Obligatorio."></p:password>
							</div>
						</div>
					
						<hr></hr>
						<div class="btnCanvas form-group">
							<div class="row">
								<div class="col-sm-6 col-sm-offset-6 col-xs-6 col-xs-offset-6">
									
									<p:commandButton update="password" value="Actualizar" actionListener="#{claveService.CambiaClave()}" styleClass="btn btn-success btn-block" icon="ui-menuitem-icon ui-icon fa fa-save" iconPos="right"/>
								</div>
							</div>
						</div>

						<br></br>
					</p:fieldset>
				</p:panel>
			</h:form>
		</div>
		
	</ui:define>
</ui:composition>